<!--
 * @Author: CHINAKAIYUAN<sunkaiyuan@namenode.cn>
 * @Date: 2022-02-03 14:41:20
 * @LastEditTime: 2023-10-19 15:58:36
 * @LastEditors: 孙开源 && sunkaiyuan@namenode.cn
 * @Description:   :gridOps="gridOptions" allocation
-->
<template>
	<sc-VxeTable
		ref="xGrid"
		:tablecode="'storage_scrap_index'"
		:gridEvts="gridEvents"
		:url="api.storage.scrap.list"
	>
	</sc-VxeTable>
	<SaveDialog
		v-if="dialog.save"
		ref="saveDialog"
		@success="handleSuccess"
		@closed="dialog.save = false"
	></SaveDialog>
</template>
<script>
export default {
	name: "storage_scrap_index",
};
</script>
<script setup>
import { ref, nextTick } from "vue";
// , onMounted, reactive, ref
// const router = useRouter();
import SaveDialog from "./save";
import api from "@/api";
const dialog = ref({
	save: false,
});

const xGrid = ref({});
const saveDialog = ref({});
const handleSuccess = () => {
	xGrid.value.refresh();
};
const edit = (data) => {
	dialog.value.save = true;
	nextTick(() => {
		saveDialog.value.setData(data);
		saveDialog.value.open("edit");
	});
};
const gridEvents = {
	cellDblclick: function ({ row }) {
		edit(row);
		// gridEvents.editItem();
	},
	add: function () {
		dialog.value.save = true;
		nextTick(() => {
			saveDialog.value.open();
		});
	},

	edit: function ({ button }) {
		edit(button.selectRecords[0]);
	},
};
</script>
